@media screen and (max-width:1024px) {

  .box{width:924px}

   /*header*/
  .top-2{display:none}
  .nav{margin:0}
  .nav ul.first{display:none}
  .nav .m-logo{display:block}
  .mobile-header{display:block}
  #cd-menu-trigger{display:block;}
  #cd-lateral-nav{display:block}

  .float-menu{display:none}

  /*main*/
  #owl-product .owl-nav .owl-prev,#owl-product .owl-nav .owl-next{display:none}
  .adv-main ul li .img{float:left!important;width:100%;text-align:center;}
  .adv-main ul li .text{width:100%;text-align:center;padding:2% 0}
  .adv-main ul li .text .xu{display:none}
  .adv-main ul li .text .wz{margin:0}
  .adv-main ul li .shadow1 ,.adv-main ul li .shadow2{display:none}
  .about-main .intro .img{float:none;margin:0 auto}
  .about-main .intro .text{margin:2% 0 0 0;width:100%;text-align:center}
  .about-main .intro .text .more{margin:20px auto 0}
  .home-column .columns{width:100%;margin-bottom:2%}
  .home-column .columns .ts-main .img{display:none}
  .home-column .columns .ts-main ul.ts-list{float:none;width:100%}
  .home-column .columns .ts-main ul.ts-list li{width:100%}

  /*footer*/
  .foot-main .foot-logo{width:100%;text-align:center}
  .foot-main .address{width:100%;border:0;margin:2% 0;padding:0;text-align:center}
  .foot-main .wx{width:100%;margin:0 auto}


}


@media screen and (max-width:768px) {

  .box{width:718px}

  /*banner*/
  .sub-banner{height:auto}
  .sub-banner .text{text-align:center;padding:10px 0}
  .sub-banner .text h1{font-size:20px}
  #owl-banner .item  a{width:100%;height:250px; background-size:100% !important;}
  #owl-banner .item img{width:100%; height:auto}

  /*main*/
  .home-title h1 b{font-size:20px}
  .app-case ul li{width:48%;margin:1%}
  .adv-main ul li .text .wz h1{font-size:20px}
  .about-main .books .bd ul li{width:48%;margin:1%}
  .pic{background:none!important;height:auto}
  .pic img{display:block!important}

  .location{height:auto;line-height:1;padding:10px 0}
  .location ul li{height:auto;}

  .contain-left{width:100%}
  .contain-left .contain-list .rbg{background-size:100%}
  .contain-left .contain-services ul li{float:left;width:50%}
  .contain-right{float:left;width:100%;margin:20px 0 0 0;}

  .aptitude-list ul li{width:48%}
  .aptitude-list ul li img{width:100%}
  .page2 .fan{width:100%;margin:5px 0}

  .feedback ul li label{width:100%}
  .feedback ul li .iuput-group{float:left;width:100%;margin:0;}
  .feedback ul li .iuput-group .feed-input{width:100%}

}


@media screen and (max-width:640px) {

  .box{width:600px}

  /*header*/
  .header .top{height:auto;}
  .header .top .welcome{text-align:center}
  .header .top .top-link{text-align:center}
  .header .top .top-link a{display:none}
  .header .top .top-link span{display:none}
  .header .top .top-link a:last-child{display:inline-block}
  .mobile-header{top:30px}

  /*main*/
  .pro-disp .pro-bd .parameter .img{float:none;width:300px;margin:0 auto}
  .pro-disp .pro-bd .parameter .text{margin:20px 0 0 0;width:100%}
  .contain-right .c-hd .search-kw{float:none;width:300px;margin:10px auto 0}

}


@media screen and (max-width:425px) {
	
  .box{width:380px}

  /*main*/
  .app-case ul li{width:100%;margin:2% 0}
  .about-main .intro .img{width:300px;height:auto;line-height:1;background:none}
  .about-main .books .hd{font-size:18px}
  .about-main .books .bd ul li{width:100%;margin:2% 0}
  .home-column .columns .hd .c-title{font-size:16px}
  .home-column .columns .hd .c-title span{display:none}
  .home-column .columns ul.news li .img{width:30%;}
  .home-column .columns ul.news li .text .title{font-size:16px}
  .home-column .columns ul.news li .text p{display:none}
  .friendly-link span{float:none;width:100%}
  .friendly-link .links{margin:10px 0 0 0}
  .copyright div{width:100%;padding:5px 0;text-align:center}

  .contain-left .contain-services ul li a{background:none!important;text-align:center}
  .contain-left .contain-services ul li a .text{margin:0}
  .aptitude-list ul{margin:0}
  .aptitude-list ul li{width:100%;margin:0 0 3% 0}
  .related .re-bd ul li a{display:block;width:100%}
  .industry-list ul li .img{width:100%}
  .industry-list ul li .text{float:left;width:100%;margin:15px 0 0 0;}
  .industry-list ul li .text a.more{display:block;margin:15px auto 0}
  .news-list ul li .text p{display:none}
  .news-list ul li .text .more{display:none}
  .product-list ul li{width:48%}
  .related .product-list ul li{width:48%}


}

@media screen and (max-width:375px) {

  .box{width:340px}
  .header .top .welcome{float:left;}
  .header .top .top-link{float:left;}
  .mobile-header{top:60px}

}

@media screen and (max-width:360px) {


}

@media screen and (max-width:320px) {

   .box{width:300px}

   
}

img{max-width:100%;height:auto;width:auto\9; /* ie8 */}/*弹性图片*/
.map img{max-width:none}
html{-webkit-text-size-adjust:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}